/*-----------------------------------------------
Name     : WejHat
Version  : V3
Designer : iHussam
URL      : www.ar1web.com
----------------------------------------------- */

/* CSS Reset */
.clear{clear:both;}.quickedit{display:none;}#navbar-iframe {height:0px;visibility:hidden;display:none}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.status-msg-bg{display:none;}

]]></b:skin>

<style type='text/css'>
/* CSS Header */
#Header-wrapper {min-height: 100px;background-image: url(http://i.imgur.com/vm6pNHZ.png);background-size: ;}
.header-content {padding: 20px 0px;}
.Header {  margin: 0px auto !important;display: inline;position: relative;width: auto;text-align: center;}
.Header h1, .Header h1 a{margin: 0 0 0 0;color:#F5F5F5;text-decoration: none;font-weight: 700;font-size: 20px;  border-bottom: 2px solid #0FD2AD;display: inline-block;padding: 8px;text-shadow: 0 -1px 0 rgba(66, 65, 65, 0.3);}
.Header h1 a:hover {color: #ffffff !important;}
.Header .description {margin: 1px 1px; padding: 0px !important;font-size: 12px;line-height: 14px;color: #C5C5C5;font-family: monospace;font-weight: normal;}
.Hero-content {display: inline;width: 940px;margin: 0px 10px;color: #ffffff;text-align: center;font: normal 400 30px &#39;Raleway&#39;, sans-serif;line-height: 1em;}
.Hero-content h2 {color: #FFFFFF;font-size: 30px;background:rgba(157, 157, 157, 0.21);padding: 10px;text-align: center;}
.ar1web-middle {font-family: ge_ss_threeregular;font-size: 20px;}
.Hero-content a{color: #ffffff;padding: 3px;text-decoration: underline;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;}
.Hero-content a:hover{background: #e82c2a;color: #ffffff !important;text-decoration: none;}
#Header1_headerimg {float: center;margin: 0 auto;}
#Header1_headerimg:hover {opacity: .95;}


/* CSS Main Menu */
#navmobi,#navmobitop{display:none}
#nav{font-weight:bold;background-color:#fff;width:100%;margin:0 auto;height:42px;border-bottom: 1px solid #eee;}
ul#navinti{height:42px;float:right;margin:0;padding:0;font-family: cursive,droid arabic kufi;}
#navinti li{list-style:none;display:inline-block;zoom:1;float:right;position:relative;margin:0;padding:0;z-index: 99999;  border-bottom: 1px dashed #eee;}
#navinti li a{display:block;line-height:42px;text-decoration:none;color:rgb(139, 136, 136);padding:0 15px}
#navinti li:hover &gt; a{background-color:#0FD2AD;color:#fff}
ul#navinti .sub-menu{position:absolute;padding:0;width:180px;z-index:2;margin:0;background-color:#FCFCFC;-webkit-box-shadow: 0 0 8px rgba(115, 115, 115, 0.35);top:100%;left:0;display:none;text-align: right;}
ul#navinti .sub-sub-menu{display:none;padding:0;margin:0;width:170px;position:absolute;left:100%;z-index:-1;box-shadow:0 0 30px rgba(0,0,0,.35);-moz-box-shadow:0 0 30px rgba(0,0,0,.35);-webkit-box-shadow:0 0 30px rgba(0,0,0,.35);top:0;background-color:#FCFCFC}
ul#navinti li:last-child .sub-sub-menu{left:auto;right:100%;text-align:right}
ul#navinti li:last-child .sub-menu{right:0;left:auto;text-align:right;  z-index: 99999;}
ul#navinti .sub-menu a{line-height:32px;color:#303030;font-weight:normal;background-color:#FCFCFC}
ul#navinti .sub-menu li:hover &gt; a{color:#0FD2AD;border-right:4px solid #0FD2AD}
ul#navinti li:last-child .sub-menu a:hover,ul#navinti li:last-child .sub-menu li:hover &gt; a{border-right:0;border-right:4px solid #0FD2AD}
ul#navinti .sub-menu li{float:none;display:block}
ul#navinti ul.hidden{display:none}
ul#navinti li:hover .sub-menu.hidden,ul#navinti .sub-menu li:hover .sub-sub-menu.hidden{display:block}
#navinti li.dgnsub &gt; a{padding-right:22px}
#navinti li.dgnsub &gt; a::after,#navinti li.dgnssub &gt; a:hover{border-color:#fff transparent transparent transparent}
#navinti li.dgnsub &gt; a::after,#navinti li.dgnssub &gt; a::after{content:&quot;&quot;;width:0;height:0;border-width:5px 3px;border-style:solid;border-color:rgb(15, 210, 173) transparent transparent transparent;position:absolute;top:20px;right:8px}
#navinti li.dgnssub &gt; a::after{border-color:transparent transparent transparent #0FD2AD;border-width:5px 4px;top:50%;margin-top:-5px;right:2px}
#navinti li:last-child li.dgnssub &gt; a::after{border-color:transparent #0FD2AD transparent transparent;right:auto;left:2px}



/* CSS Search Form */
.bar-ar1web {margin: 0 auto;width: 35%;}
#search {position:relative;font-size:13px;font-family:&#39;Open Sans&#39;,sans-serif;width:auto;height:100%;margin:0 auto;text-align:center;}
#search-form{border: 0;font-size: 15px;float: right;height: 45px;line-height: 13px;font-family: cursive,droid arabic kufi;font-weight: 400;color: #7e7e7e;padding: 10px 15px 10px 50px;width: 88%;transition: all 0.5s ease 0s;-webkit-appearance: none;box-sizing: border-box;text-align: right;box-shadow: inset 0 0 3px rgba(140, 140, 140, 0.2);}#search-button,#search-button:hover{transition:all 0.5s ease 0s;padding: 0 1px 0 0;width: 12%;font-style: normal;font-weight: normal;text-align: center;background: #fff url(//ar1web-com.googlecode.com/svn/trunk/searchbut.png) no-repeat center !important;color: #999;border:0;border-left: 1px solid #ddd;float: left;height: 45px;cursor:pointer;outline:none !important;}
#search-form:hover{box-shadow:inset 0 0 3px rgba(0,0,0,0.2)}
#search-form:focus{border:1px solid #ddd}
#box {display:none}
.search-text {font-size:13px;font-family:&#39;Open Sans&#39;;float:right;cursor:pointer;}
.search-text:hover {color:#76a7fa}


/* CSS Categories Box */
.ar1web-selectbox {display: inline-block;font-family: cursive,droid arabic kufi;position: relative;width: 100%;text-align: center;color: #212121;background-color: #ffffff;border-color: #ffffff;margin-top: 10px;}
.ar1web-selectbox:before {font-family:FontAwesome;content: &quot;\f0c9&quot;; position:absolute;top:37%;right:25px;z-index:4;}
.ar1web-selectbox:after {font-family:FontAwesome;content: &quot;\f107&quot;; position:absolute;top:37%;left:25px;z-index:4;}
.ar1web-selectbox input {display:block;position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;z-index:10;cursor:pointer;}
.ar1web-selectbox label {display: block;line-height: 29px;color: #817F7F;padding: 8px 20px 4px 0;font-size: 14px;transition: all 0s ease-out;}
.ar1web-selectbox label:before {content:attr(data-default);}
.ar1web-selectbox ul {margin: 0 0;padding: 0 0;position: absolute;top: 100%;left: 0;right: 0;background-color: rgba(255, 255, 255, .9);width: 100%;padding: 0;visibility: hidden;opacity: 0;z-index: 999999;border-top: 1px solid #0FD2AD;}
.ar1web-selectbox li {margin:0 0;padding:0 0;list-style:none;float:left;width:100%;display:inline;border-bottom: 1px solid #F5F5F5;}
.ar1web-selectbox a {display:block;position:relative;color: #7C7C7C;text-decoration:none;padding: 10px 25px;clear: both;font-weight: 400;
line-height: 1.42857143;text-align: right;}
.ar1web-selectbox a i {padding-right: 12px;}
.ar1web-selectbox a:nth-child(even) {border-right-width:0;}
.ar1web-selectbox a:before {content:&quot;&quot;;display:block;width:16px;height:16px;position:absolute;top:7px;left:7px;background-color:transparent;background-repeat:no-repeat;background-position:50% 0;}
.ar1web-selectbox a:hover:before {background-position:50% 100%;}
.ar1web-selectbox a:hover {background-color:#0FD2AD;color:#ffffff;border:none}
.ar1web-selectbox input:checked + label {color:#212121;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;}
.ar1web-selectbox input:checked + label:before {content:attr(data-focus);}
.ar1web-selectbox input:checked + label:after {background-color:rgba(0,0,0,.2);-webkit-box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);}
.ar1web-selectbox input:checked ~ ul {visibility:visible;opacity:1;}


/* Main Content */
#content-wrapper {background: #F7F7F7;}
#outer-wrapper{width:1020px;margin:0 auto 50px;padding:0px;  border: 1px solid #EAEAEA;  background: #F7F7F7;}
#main-wrapper{width:700px;float:right}


/* CSS SideBar */
#sidebar-wrapper{width:310px;float:left;margin: 10px 5px;}
h1, h2, h3{color:#000;font-size:14px;font-weight:400;  text-align: right;}
#sidebar h2{z-index: 2;font-size: 13px;font-weight: normal;padding: 0 13px;color: #999999;line-height: 27px;background-color: #FFFFFF;position: relative;border: 1px solid #E8E8E8;border-bottom: none;}
#sidebar h2:after {content: &quot; &quot;;width: 90px;height: 0px;position: absolute;right: 37%;bottom: -1px;border-bottom: 1px solid #0FD2AD;}
#sidebar h2:before {position: absolute;top: 100%;left: 47%;content: &quot;&quot;;border: 6px solid;border-color: #0FD2AD transparent transparent;}
#sidebar .widget-content{  border: 1px solid #E8E8E8;margin-bottom: 10px;line-height: 20px;background: #fff;padding: 8px 5px 2px 4px;}


/* CSS Post Custom */
.post blockquote{padding: 7px 1em;font-size: 100%;background:#F9F9F9;color: #717070;border: 1px solid #E8E8E7;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);display: inline-block;text-align: center;}
.post blockquote:before {content:&quot;\f10d&quot;;font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-left:6px;color:#717070;float: right;}
.awal{float: right;color: #0FD2AD;background: transparent;line-height: 30px;font-size: 40px;}
.post ul{list-style:inherit;margin-right: 15px;color: #FF4C67;}
ol {counter-reset:li;list-style:none;font-size:11px;padding:0;}
ol ol {margin:0 2em 0 0;}
.post ol li{position:relative;display:block;padding:0;margin:.5em 2.5em .5em 0;background:transparent;color:#575253;text-decoration:none;transition:all .3s ease-out;}
.post ol li:hover{color:#0FD2AD;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
right:-2.5em;top:50%;margin-top:-1em;background:#575253;color:#FCFCFC;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;border:1px solid #424040;transition:all .3s ease-out;  margin-right: -25px;font-size: 10px;}
.post ol li span{position:relative;display:block;padding:4px 8px;margin-bottom:10px;background:transparent;color:#b0b1b8;text-decoration:none;transition:all .3s ease-out;}
.post ol li:after {content:&#39;&#39;;position: absolute;border: .5em solid transparent;top: 52%;margin-top: -.4em;right: -2.7em;border-right-color: #575253;}
.post ol li span:hover{color:#ED4141;}
dl{margin:.5em 3em .5em 0em}
ol{list-style: decimal outside;border: 1px solid #E8E8E7;display: inline-block;padding: 5px;background: #F9F9F9;color: #fff;line-height: 1.9;margin-right: 20px;}
dt{font-weight:bold}
dd{margin:0 2em .5em 0}


/* CSS Sitemap Ar1web */
#tabbed-toc {width:100%;margin:0 auto;background-color:#0FD2AD;overflow:hidden;position:relative;color:#333}
#tabbed-toc .loading {display:block;padding:5px 10px;font-family:&#39;Open Sans&#39;,Sans-Serif;font-weight:400;font-size:10px;color:#fff;}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li {margin:0;padding:0;list-style:none}
#tabbed-toc .toc-tabs {width:25%;float:left}
#tabbed-toc .toc-tabs li a {display:block;font-family:Electrolize,ge_ss_threeregular;font-weight:400;font-size:10px;height:31px;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;padding:6px 12px;cursor:pointer;}
#tabbed-toc .toc-tabs li a:hover {background-color:#14D5B0;color:#fff}
#tabbed-toc .toc-tabs li a.active-tab {background-color:#747474;color:#fff;position:relative;z-index:5;margin:0 -1px 0 0}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer {width:75%;float:right;background-color:#fff;border-left:5px solid #747474;box-sizing:border-box}
#tabbed-toc .divider-layer {float:none;display:block;position:absolute;top:0;right:0;
bottom:0;}
#tabbed-toc .panel {position:relative;z-index:5;font-family:&#39;Open Sans&#39;,Sans-Serif;font-weight:400;font-size:10px;}
#tabbed-toc .panel li a {display:block;position:relative;font-weight:700;font-size:11px;
color:#7E7C7C;line-height:30px;height:30px;padding:6px 12px;text-decoration:none;outline:none;font-family: Electrolize,droid arabic kufi;
overflow:hidden}
#tabbed-toc .panel li a em {background:#0FD2AD;color:#fff!important;padding:2px 4px;border-radius:3px;font-style:normal;}
#tabbed-toc .panel li time {display:block;font-style:italic;font-weight:400;font-size:10px;
color:#666;float:right}
#tabbed-toc .panel li .summary {display:block;padding:10px 12px;font-style:italic;
border-bottom:4px solid #275827;overflow:hidden}
#tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;
padding:4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}
#tabbed-toc .panel li:nth-child(even) {background-color:#f0f0f0;font-size:10px;
color:#fff}
#tabbed-toc .panel li:nth-child(odd) {background-color:#f9f9f9;font-size:10px;
color:#fff}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a {background-color:#747474;color:#fff;outline:none}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time {background-color:#444;}


/* CSS Label */
#Label1 ul li{list-style:none;width:48%;float:right;padding:0 2px 0 3px;position:relative;}
#Label1 li a{position: relative;width: 80%;float: right;display: block;padding: 4px .3em .4em .6em;margin: 2px;background: transparent;border: 1px solid #E7E7E7;
color: #444;text-decoration: none;text-shadow: 1px 1px rgba(255, 255, 255, 0.48);font-family:cursive;text-align: right;}
#Label1 li:after{  content: &quot;\f0da&quot;;font: 18px fontawesome;left: 22px;top: 9px;position: absolute;color: #0FD2AD;}
#Label1 ul li span{background: #0FD2AD;float: left;border:1px solid #0BBB9A;border-right: 0;color: #fff;font-weight: 700;margin-left: -3px;font: 11px electrolize;height: 84%;width: 22px;text-align: center;line-height: 30px;position: absolute;margin-top: 1.9px;}
#Label1 li a:hover {color: #0FD2AD;border: 1px solid #E4E4E4;}

/* CSS Popular Posts */
.item-title {text-align: right;}
.widget-content.popular-posts {padding:0; margin:0 0 0;  padding-top: 8px; }
.popular-posts ul { padding:0 !important; margin:0 !important; }
.popular-posts ul li {list-style:none outside none !important; margin-left:0 !important; overflow:hidden; padding:5px 0 !important; transition:all 0.25s linear 0s; counter-increment:trackit; }
#PopularPosts1 li:nth-child(odd) { background:#F9F9F9;border: 1px solid #eee;}
#PopularPosts1 li:nth-child(even) { background:#FFF; }
#PopularPosts1 li { padding-right:1em !important; padding-left:1em !important; }
#PopularPosts1 ul li:before { content:counters(trackit,&quot;.&quot;); padding:0 .1em 0 0; font-size:20px; font-weight:bold; color:#D8D8D8; float:left; }
.PopularPosts .item-thumbnail,.PopularPosts .item-snippet { display:none; }
#PopularPosts1 a:hover { text-decoration:underline; }
#PopularPosts1 a { color:#908C8C; font-size:12px;font-family: cursive,droid arabic kufi; }


/* CSS Footer Wrapper */
#footer-wrapper {text-align: right;max-width: 100%;margin: 0 auto;position: relative;width:auto;overflow: hidden;  background: #FFFFFF;  border-top: 3px solid #0FD2AD;}
#footer-widgetfix .footer-widget { width: 22%;margin-right: 27px;padding-top: 10px;padding: 10px;float: right;box-sizing: border-box;}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
#footer-wrapper h2 {font-size: 13px;font-weight: 200;color:#fff;background: #0FD2AD;padding: 4px 10px;display: block;border:1px solid #0EB696;text-align: center;  position: relative;}
#footer-wrapper h2:after {position: absolute;top: 100%;left: 47%;content: &quot;&quot;;border: 6px solid;border-color: #0FD2AD transparent transparent;}
#footer-wrapper .widget-content {text-align:right;font-family:cursive;margin:10px 0 10px;color:#6C6666;font-size: 12px;line-height: 1.5;}
#footer-wrapper .widget-content li {margin-right:-14px;color:#524D4D}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 0;display:block;}
.footer li a {padding-top:0;padding-left:0;font-size:13px;font-weight:400;font-family:Electrolize,ge_ss_threeregular;color:#545050;margin:0;transition:1s;-moz-transition:1s;-webkit-transition:1s}
.footer li a:hover {color:#E74C3C;-webkit-animation-name: bounceIn;-moz-animation-name: bounceIn;-ms-animation-name: bounceIn;-o-animation-name: bounceIn;margin-right: 5px;}#footerfix {overflow:hidden;background:#3695DB;padding:12px 5px;margin:15px 0 0 0;}
.footer {font-weight:400;padding-bottom:.2em;}.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3,#footx4 {margin:0 .2%}
#footer{  border-top: 1px solid #DFDFDF;background: #FAF9F7;}
#footer .copyright{float:left;}
#footer .link{float:right;}
#footer .link a {color: #575253;padding: 0 0 2px;}
#footer p{font-size:12px;margin:0;padding:10px;text-align:center;  font-family: cursive;color: #0FD2AD;}
a.cpy {font-family: cursive;background: #0FD2AD;color: #fff;display: inline;padding: 0 2px 3px;border-radius: 1px;}
a#credit {background: #0FD2AD;color: #fff;padding: 7.9px;  border-top: 1px solid #0FD2AD;}
#credit:before {content: &quot;\f0eb&quot;;font-family: FontAwesome;position: absolute;color: #fff;margin-left: -26px;margin-top: -8px;}
a#credit:hover {background:#0DC29F;color: #eee;}
select#BlogArchive1_ArchiveMenu {padding: 9px 20x;font-family: cursive,ge_ss_tvbold;color: #0FD2AD;}
#ArchiveList select {width: 100%;border: 1px solid #ededed;font-size: 13px;}
.sw-social-counter{clear: both;  overflow: hidden;}
.sw-social-counter .sc-wrapper{margin: 0 -7px;}
.sw-social-counter .sc-wrapper .sc-item{padding: 0 7px;float: right;margin-bottom: 22px;width: 28.8%;}
.sw-social-counter .sc-wrapper .sc-item .sc-item-inner{text-align: center;}
.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon{display: block;background: #4968a9;margin: 0;padding: 12px 0;font-size: 24px;color: #fff;position: relative;transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;}
.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a:hover .sc-icon{opacity: 0.9;}
.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon:after{content: &quot;&quot;;border-top: 7px solid #4968a9;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;left: 50%;bottom: -6px;margin-left: -7px;}
.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .like-count{color: #747474;padding: 6px;display: block;clear: both;border: 1px solid #EFEFEF;border-top:none;position: relative;letter-spacing: 0px;font-family: cursive;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a:hover .like-count{color: #0FD2AD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-rss{background: #fd9f13;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-rss:after{border-top-color: #fd9f13;}
.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-twitter{background: #24e0f1;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-twitter:after{border-top-color: #24e0f1;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-linkedin{background: #0097BD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-linkedin:after{border-top-color: #0097BD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-youtube{background: #ce322e;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-youtube:after{border-top-color: #ce322e;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-vimeo{background: #5BC8FF;min-height: 48px;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-vimeo:after{border-top-color: #5BC8FF;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-google-plus{background: #ec3939;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-google-plus:after{border-top-color: #ec3939;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-dribbble{background: #eb4c89;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-dribbble:after{border-top-color: #eb4c89;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-instagram{background: #2f689b;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-instagram:after{border-top-color: #2f689b;}


/* Back to top */
#toTopar1web {color: #fff;font-size: 19px;border-radius: 2px;background-color: #0FD2AD;-webkit-transition: background-color 0.2s ease-in-out;position: relative;margin: 0 48%;padding: 2px 0 0 1px;}i.fa.fa-angle-up {margin: 0 10px;}

/* CSS Button De-Dw */
#wraphm {margin: 8px auto;text-align:center;}
#wraphm br {display:none;}
.btn {display:inline-block;position:relative;background:#575253;padding:6px 14px;font-size:13px;margin:0 3px;color:#fff!important;border-radius:2px;border:none;text-transform:uppercase;transition:all 0.3s ease-out;font-weight: bold;}
.btn.down {background:#0FD2AD;color:#fff!important;}
.btn.down:hover,.btn.down:active,.btn:hover,.btn:active {background:#3b3f48;color:#fff;}
a.btn.down:hover,a.btn.down:active,a.btn:hover,a.btn:active {color:#fff;}
.btn i {margin-right:10px;font-weight:normal;font-family:FontAwesome;}

/* CSS Gplus */
.profile-name-link.g-profile{background:no-repeat;padding-left:20px;}
.profile-img{margin:5px;float:right;}

/* CSS Ads */
.banner-ar1web {margin:0 auto;text-align:center;overflow:hidden;margin-top:10px;background: url(http://4.bp.blogspot.com/-xaSAYDTCql4/U1AO14YolTI/AAAAAAAAD94/Lenz-oZ0o2c/s1600/pattern-1.png);padding: 0 5px 0px;width: 730px;}
.banner-ar1web .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:5px;padding-bottom:5px;}
.banner-ar1web img, .banner iframe{display:block;margin:0 auto;text-align:center;}

/* Css Statu Ar1web */
.status-msg-wrap a {color: #CD312A;}
.status-msg-wrap {  padding: 0;background: #0FD2AD;text-align: center;margin: 0;line-height: 30px;}
.status-msg-body {color: #fff;}.status-msg-body a:hover{color: #fff;}
.status-msg-body a {color: #0F987E;padding: 2px;border-radius: 3px;display: inline-block;margin-top: 4px;font-size: 11px;}
.status-msg-body:before {top: 96%;left: 24%;content: &quot;&quot;;border: 7px solid;border-color: #0FD2AD transparent transparent;}

/* CSS Tooltip */
.ar1web-tooltip {position:relative;display:inline-block;}
.ar1web-tooltip:before, .ar1web-tooltip:after {position:absolute;opacity:0;z-index:1000000;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;pointer-events:none;}
.ar1web-tooltip:hover:before, .ar1web-tooltip:hover:after {opacity:1;}
.ar1web-tooltip:before {content:&#39;&#39;;position:absolute;background:transparent;border:6px solid transparent;position:absolute;}		
.ar1web-tooltip:after {content:attr(data-ar1web-tooltip);background:rgba(0,0,0,0.7);background:hsla(0,0%,20%,0.9);color:#fff;padding:8px 10px;
font-size:12px;white-space:nowrap;border-radius:3px;-webkit-backface-visibility:hidden;}
.ar1web-tooltip-top:before {bottom:129%;left:10%;margin:0 0 -18px 0;border-top-color:rgba(0,0,0,0.7);border-top-color:hsla(0,0%,20%,0.9);}
.ar1web-tooltip-top:after {bottom:125%;left:10%;margin:0 0 -6px -10px;}
.ar1web-tooltip-top:hover:before {margin-bottom:-10px;}
.ar1web-tooltip-top:hover:after {margin-bottom:2px;}
.ar1web-tooltip-bottom:before {top:100%;left:50%;margin:-14px 0 0 0;border-bottom-color:rgba(0,0,0,0.7);border-bottom-color:hsla(0,0%,20%,0.9);}
.ar1web-tooltip-bottom:after {top:100%;left:50%;margin:-2px 0 0 -10px;}
.ar1web-tooltip-bottom:hover:before {margin-top:-6px;}
.ar1web-tooltip-bottom:hover:after {margin-top:6px;}
.ar1web-tooltip-right:before {left:100%;bottom:50%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,0.7);border-right-color:hsla(0,0%,20%,0.9);}		
.ar1web-tooltip-right:after {left:100%;bottom:50%;margin:0 0 -13px 4px;}
.ar1web-tooltip-right:hover:before {margin:0 0 -4px -0;}
.ar1web-tooltip-right:hover:after {margin:0 0 -13px 12px;}
.ar1web-tooltip-left:before {right:100%;bottom:50%;margin:0 -8px -4px 0;border-left-color:rgba(0,0,0,0.7);border-left-color:hsla(0,0%,20%,0.9);}		
.ar1web-tooltip-left:after {right:100%;bottom:50%;margin:0 4px -13px 0;}
.ar1web-tooltip-left:hover:before {margin:0 0 -4px 0;}
.ar1web-tooltip-left:hover:after {margin:0 12px -13px 0;}

.breadcrumbs.none {
  background: #fff;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #eee;
  font-family: cursive,droid arabic kufi;
  font-size: 13px;
}

.tag-post3 li .tag-thumbnail, .tag-post3 li .tag-thumbnail img {
  float: right;
  display: block;
  overflow: hidden;
  margin: 0 0 0 15px;
  width: 100%;
  height: 100%;
  max-height: 120px;
  z-index: 1;
}

.tag-post3 li {
  border-left: 1px solid #F9F9F9;
  float: right;
  height: auto;
  overflow: hidden;
  padding: 12px 12px 12px 12px!important;
  width: 29.67%;
}

.tag-post3 li:first-child {
  border-left: 0 none;
  border-bottom: 1px solid #f0f0f0;
  float: right;
  height: auto;
  margin: 0;
  padding: 12px 12px 0px 12px!important;
  width: 100%;
  max-width: 659px;
}

.tag-post3 li:first-child .tag-thumbnail, .tag-post3 li:first-child .tag-thumbnail img {
  float: right;
  max-height: 260px;
  height: 100%;
  margin: 0 0 0 12px;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}

.tag-post7 li .tag-thumbnail, .tag-post7 li .tag-thumbnail img {
  float: right;
  overflow: hidden;
  margin: 0;
  height: 100%;
  width: 100%;
  max-height: 120px;
  z-index: 1;
}

.tag-post7 li {
  border-left: 1px solid #f0f0f0;
  float: right;
  height: auto;
  overflow: hidden;
  padding: 12px 12px 12px 12px!important;
  width: 29.67%;
}

.tag-post2 li:first-child {
  overflow: hidden;
  padding: 12px 12px 0px 12px!important;
}

.tag-post2 li {
  overflow: hidden;
  padding: 12px 12px 12px 12px!important;
  border-bottom: 1px solid #f0f0f0;
}

.tag-post2 li:first-child .tag-thumbnail, .tag-post2 li:first-child .tag-thumbnail img {
  float: right;
  height: 200px;
  width: 100%;
  margin: 0 0 0 12px;
  overflow: hidden;
  z-index: 1;
}

.tag-post2 li:first-child .tag-thumbnail, .tag-post2 li:first-child .tag-thumbnail img {
  float: right;
  height: 200px;
  width: 100%;
  margin: 0 0 0 12px;
  overflow: hidden;
  z-index: 1;
}

.tag-post4 li {overflow: hidden;padding: 12px!important;}
.tag-post1 li #tag-rm, .tag-post2 li #tag-rm, .tag-post3 li #tag-rm, .tag-post4 li #tag-rm, .tag-post5 li #tag-rm, .tag-post6 li #tag-rm, .tag-post7 li #tag-rm, .tag-post8 li #tag-rm, #vertical li #tag-rm, #carousel li #tag-rm, #carpost li #tag-rm, .tag-gallery #tag-rm, .tag-post4 p, .tag-post5 li .tag-thumbnail, .tag-post5 p, .tag-post7 p, .tag-post8 p, .tag-gallery h3, .tag-gallery .tag-ct li span, .tag-gallery p, .tag-post8 p, .tag-gallery li .post-meta {display: none;}
.tag-post1 li:first-child .effects .img, .tag-post1 li .effects .img, .tag-post2 li:first-child .effects .img, .tag-post2 li .effects .img, .tag-post3 li:first-child .effects .img, .tag-post3 li .effects .img, .tag-post4 li .effects .img, .tag-post6 li .effects .img, .tag-post7 li .effects .img, .tag-post8 li .effects .img, #carousel li .effects .img, .tag-gallery li .effects .img, .tag-gallery li:first-child .effects .img {position: relative;float: right;overflow: hidden;width: 100%;height: 100%;z-index: 1;}
.tag-post6 li .tag-thumbnail, .tag-post6 li .tag-thumbnail img, .tag-post4 li .tag-thumbnail, .tag-post4 li .tag-thumbnail img, .tag-post2 li .tag-thumbnail, .tag-post2 li .tag-thumbnail img {float: right;overflow: hidden;margin: 0 0 0 12px;width: 80px;height: 75px;max-height: 100%;z-index: 1;}
.tag-post6 li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #f0f0f0;
  float: right;
  padding: 12px 12px 12px 12px!important;
  width: 43.8%;
}

.tag-post6 li:first-child #tag-rm {
  background-color:#FFCC5C;
  float: right;
  display: none;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 6px 6px 6px;
  margin: -2px 0 14px;
  text-transform: capitalize;
}

.tag-post1 li:first-child h3, .tag-post2 li:first-child h3, .tag-post3 li:first-child h3, .tag-post6 li:first-child h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3em;
  text-transform: none;
  clear: both;
  padding: 10px 0 0!important;
  text-align: right;  font-family: cursive,droid arabic kufi;
}

.tag-post6 li:first-child {
  display: block;
  overflow: hidden;
  border-right: 0 solid #f0f0f0;
  float: right;
  padding: 12px 12px 0px 12px!important;
  width: 49%;
  border-bottom: 0 none;
  border-left: 1px solid #f0f0f0;
}

.tag-post6 li:first-child .tag-thumbnail, .tag-post6 li:first-child .tag-thumbnail img {
  float: right;
  overflow: hidden;
  margin: 0 0 0 15px;
  width: 100%!important;
  height: 200px!important;
  z-index: 1;
}

#tagpost-wrapper {
width:100%;
float:right;
position:relative;
overflow:hidden;
padding:0px 0px 0px 0px!important
}

#tagpost-wrapper3 {
width:100%;
float:right;
position:relative;
overflow:hidden;
padding:0px 0px 0px 0px!important
}
#tagpost-wrapper7 {
width:100%;
float:right;
position:relative;
overflow:hidden;
padding:0px 0px 0px 0px!important
}
#tagpost-wrapper9 {
width:100%;
float:right;
position:relative;
overflow:hidden;
padding:0px 0px 0px 0px!important;
display:none;
}
#tagpost-wrapper11 {
width:100%;
float:right;
position:relative;
overflow:hidden;
padding:0px 0px 0px 0px!important;
display:none;
}
#tagpost-wrapper12 {
width:100%;
float:right;
position:relative;
overflow:hidden;
padding:0px 0px 0px 0px!important;
display:none;
}
#tagpost-wrapper6 {margin-top: 20px;}
#tagpost-wrapper8,#tagpost-wrapper4,#tagpost-wrapper5,#tagpost-wrapper10,#tagpost-wrapper13,#tagpost-wrapper6{width: 68%;float: right;position: relative;overflow: hidden;margin-right: 6px;}
#tagpost-wrapper14 {width:100%;float:right;position:relative;overflow:hidden;padding:0px 0px 0px 0px!important}
#tagpost-wrapper12 h2 {background:#0099CC;}
#tagpost-wrapper h2,#tagpost-wrapper4 h2 {background:#0099CC;margin-right: 31px;}
#tagpost-wrapper6 h2,#tagpost-wrapper8 h2,#tagpost-wrapper5 h2,#tagpost-wrapper13 h2 {background:#0FD2AD;}
#tagpost-wrapper3 h2,#tagpost-wrapper7 h2,#tagpost-wrapper9 h2 {background:#0099CC;margin-right: 31px;}


#tagpost-wrapper h2 a,#tagpost-wrapper3 h2 a,#tagpost-wrapper4 h2 a,#tagpost-wrapper5 h2 a,#tagpost-wrapper6 h2 a,#tagpost-wrapper7 h2 a,#tagpost-wrapper8 h2 a,#tagpost-wrapper9 h2 a,#tagpost-wrapper10 h2 a,#tagpost-wrapper11 h2 a,#tagpost-wrapper12 h2 a,#tagpost-wrapper13 h2 a,#tagpost-wrapper14 h2 a {color:#222;}
#tagpost-wrapper .widget,#tagpost-wrapper3 .widget,#tagpost-wrapper4 .widget,#tagpost-wrapper5 .widget, #tagpost-wrapper6 .widget,#tagpost-wrapper7 .widget,#tagpost-wrapper8 .widget,#tagpost-wrapper9 .widget,#tagpost-wrapper10 .widget,#tagpost-wrapper11 .widget,#tagpost-wrapper12 .widget,#tagpost-wrapper13 .widget,#tagpost-wrapper14 .widget,#tag-wid6 .widget {overflow:hidden;padding:0px 0px 20px 0px;}
#tagpost-wrapper li a,.#tagpost-wrapper3 li a,.#tagpost-wrapper4 li a,.#tagpost-wrapper5 li a,.#tagpost-wrapper6 li a,.#tagpost-wrapper7 li a,.#tagpost-wrapper8 li a,.#tagpost-wrapper9 li a,.#tagpost-wrapper10 li a,.#tagpost-wrapper11 li a,.#tagpost-wrapper12 li a,.#tagpost-wrapper13 li a,.#tagpost-wrapper14 li a {font-size:12px;
color:#333;font-weight:bold;}
#tagpost-wrapper li a:hover,#tagpost-wrapper3 li a:hover,#tagpost-wrapper4 li a:hover,#tagpost-wrapper5 li a:hover,#tagpost-wrapper6 li a:hover,#tagpost-wrapper7 li a:hover,#tagpost-wrapper8 li a:hover,#tagpost-wrapper9 li a:hover,#tagpost-wrapper10 li a:hover,#tagpost-wrapper11 li a:hover,#tagpost-wrapper12 li a:hover,#tagpost-wrapper13 li a:hover,#tagpost-wrapper14 li a:hover {color:#111;}
#tagpost-wrapper,#tagpost-wrapper3,#tagpost-wrapper4,#tagpost-wrapper5,#tagpost-wrapper6,#tagpost-wrapper7,#tagpost-wrapper8,#tagpost-wrapper9,#tagpost-wrapper10,#tagpost-wrapper11,#tagpost-wrapper12,#tagpost-wrapper13,#tagpost-wrapper14 {color:#333!important;line-height:1.5em;}
#tagpost-wrapper ul,#tagpost-wrapper3 ul,#tagpost-wrapper4 ul,#tagpost-wrapper5 ul,#tagpost-wrapper6 ul,#tagpost-wrapper7 ul,#tagpost-wrapper8 ul,#tagpost-wrapper9 ul,#tagpost-wrapper10 ul,#tagpost-wrapper11 ul,#tagpost-wrapper12 ul,#tagpost-wrapper13 ul,#tagpost-wrapper14 ul  {list-style:none;margin:0;padding:0;}
#tagpost-wrapper .widget-content,#tagpost-wrapper4 .widget-content,#tagpost-wrapper5 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper3 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper5 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper6 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper7 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:15px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper8 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper9 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper10 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper11 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper12 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper13 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper14 .widget-content {background:#fff;overflow:hidden;font-size:12px;color:#333;list-style:none;padding:12px;border:1px solid #f0f0f0;margin:0;}
#tagpost-wrapper h2,#tagpost-wrapper3 h2,#tagpost-wrapper4 h2,#tagpost-wrapper5 h2,#tagpost-wrapper6 h2,#tagpost-wrapper7 h2,#tagpost-wrapper8 h2,#tagpost-wrapper9 h2,#tagpost-wrapper10 h2,#tagpost-wrapper11 h2,#tagpost-wrapper12 h2,#tagpost-wrapper13 h2,#tagpost-wrapper14 h2 {color:#fff;font-size:13px;padding:6px 9px;margin:0;
text-transform:uppercase;font-family: cursive,droid arabic kufi;}
#tag-widget1 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget2 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget3 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget4 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget5 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget6 .widget-content{position:relative;overflow:hidden;background:#ffffff;padding:0px 0px 0px 0px!important}
#tag-widget7 .widget-content {position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget8 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:12px!important}
#tag-widget11 .widget-content{position:relative;overflow:hidden;background:#fff;padding:0px 0px 0px 0px!important}
#tag-widget12 .widget-content{position:relative;overflow:hidden;background:#fff;}
#tag-widget11 .widget, #tag-widget12 .widget {padding:0 0 16px 0;}
#tag-widget13 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget14 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-widget15 .widget-content{position:relative;overflow:hidden;background:#ffffff;margin:0;padding:12px!important}
.tag-widget9 .widget-content {width:100%;height:265px;position:relative;overflow:hidden;background:#ffffff;margin:0;padding:12px 8.6px 12px 10px!important}
.tag-widget10 .widget-content {width:100%;height:256px;position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
.tag-widget16 .widget-content{width:100%;display:inline-block;position:relative;overflow:hidden;background:#ffffff;margin:0;padding:0px 0px 0px 0px!important}
#tag-wid {width:100%;float:right;}
#tag-wid2 {width:100;float:right;}
#tag-wid3 {padding-right:1.8%;width:50%;float:right;}
#tag-wid4 {width:50%;float:right;}
#tag-wid .widget-content,#tag-wid2 .widget-content,#tag-wid3 .widget-content {position:relative;overflow:hidden;background:#ffffff;border-radius:1px;margin:0;}
#tag-wid .widget-content,#tag-wid2 .widget-content,#tag-wid3 .widget-content {position:relative;overflow:hidden;background:#ffffff;margin:0;}
#col1 .widget-content,#col2 .widget-content,#col3 .widget-content {position:relative;overflow:hidden;background:#ffffff;margin:0;}
.date:before {font-family:FontAwesome;text-decoration:inherit;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#777;font-size:14px;padding-left:.2em;top:0;right:10px;content:&quot;\f017&quot;;}
.comnum:before {font-family:FontAwesome;text-decoration:inherit;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#999;font-size:14px;padding-right:.3em;padding-left:.4em;top:0;content:&quot;\f086&quot;;}
.post-meta {color:#999;margin-top:4px;font-size:12px;font-weight:400;margin-right:0;padding:2px 0 2px 3px;display:inline-block;}
.post-meta a {color:#777;}
.post-meta a:hover {border-bottom:1px #777 dotted;color:#777;text-decoration:none;}
.tag-post1 li:first-child h3,.tag-post2 li:first-child h3,.tag-post3 li:first-child h3,.tag-post6 li:first-child h3 {
font-weight:700;
font-size:16px;
line-height:1.3em;
text-transform:none;
clear:both;
padding:10px 0 0!important;
text-align:right;
}

.tag-post1 li h3,.tag-post3 li h3,.tag-post7 li h3,.tag-post8 li h3,#carousel li h3 {
clear:both;
padding:10px 0px 0px 0px!important;
}

.tag-post1 li h3,.tag-post2 li h3,.tag-post3 li h3,.tag-post4 li h3,.tag-post5 li h3,.tag-post6 li h3,.tag-post7 li h3,.tag-post8 li h3,#carousel li h3  {
font-weight:700;
font-size:11px;
line-height:1.3em;
font-family: cursive,droid arabic kufi;
}

.tag-post1 p,.tag-post2 p,.tag-post3 p,.tag-post6 p {
margin-top:6px;
color:#7a7a7a;
font-size:12px;
font-weight:300;
display:block;
width:100%;
line-height:1.6em;
text-align:right;
font-family: Electrolize,ge_ss_threeregular;
}

.tag-post2 li:first-child #tag-rm {
  background-color: #80CD8D;
  float: right;
  display: none;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 6px 6px 6px;
  margin: -2px 0 14px;
  text-transform: capitalize;
}

.tag-post1 li {
display:block;
overflow:hidden;
border-bottom:1px solid #f0f0f0;
float:left;
padding:12px 12px 12px 12px!important;
margin:0px 0px 0px 12!important;
width:35%;
}

.tag-post1 li:first-child {
display:block;
overflow:hidden;
border-bottom:0;
float:right;
width:65%;
padding:12px 12px 0px 12px!important;
border-right:0px solid #f0f0f0;
border-left:1px solid #f0f0f0;
}

.tag-post1 li:first-child .tag-thumbnail,.tag-post1 li:first-child .tag-thumbnail img {
float:right;
width:100%;
height:200px;
margin:0 0 0 12px;
z-index:1;
overflow:hidden;
}

.tag-post2 li {
overflow:hidden;
padding:12px 12px 12px 12px!important;
border-bottom:1px solid #f0f0f0;
}

.tag-post2 li:first-child {
overflow:hidden;
padding:12px 12px 0px 12px!important;
}

.tag-post2.last-column {
margin-right:0;
margin-left:0;
}
.icon-edit:before {content: &quot;\f044&quot;;float: left;}


</style>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
/* CSS Custom Error Page */
.sidebar,.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #credit,.topwrapper,::-webkit-scrollbar,#tabber-wrapper,.banner-ar1web,.topwrapper,#nav,ul#navinti{display:none!important;margin:0;padding:0;overflow:hidden;}

/* CSS Error Page */
#oopss {background:#FFF;text-align:center;margin-bottom:50px;font-weight:400;font-size:30px;font-family:&#39;Roboto Condensed&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:30px;color:#aaa;}
#error-text a{color:#aaa;}
#error-text p {margin:0!important;  }
#error-text span {color:#aaa;font-size:120px;font-weight:700;letter-spacing:0.1em;}
#error-text a.back {  display: inline-block;margin: 10px auto;background: #0FD2AD;color: #fff;padding: 6px 10px 3px;font-size: 10px;font-weight: 700;line-height: normal;border-radius: 3px;transform: scale(1);transition: all 0.5s ease-out;}
#error-text a.back:hover {background:#aaa;color:#fff;}
#error-text a.back:active {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);background:#0FD2AD;color:#fff;}
.fa-frown-o:before {content: &quot;\f119&quot;;color: #0FD2AD;}
.er-ar1web {font-size: 18px!important;}

/* CSS Error Page Responsive */
@media only screen and (max-width:640px){
#error-text {color:#aaa;font-size:20px;}
#error-text span {font-size:60px;}
#error-text a.back {padding:5px 10px;font-size:12px;}
#error-text a.back:hover,#error-text a.back:active {border:0;}}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style type='text/css'>
/* CSS Main Post */
.post{  background: url(//ar1web-com.googlecode.com/svn/trunk/laptop.png) no-repeat;margin: 15px;width: 320px;height: 260px;overflow: hidden;float: right;position: relative;padding: 0;display: block;margin-right: 11px;}
.post h2 {margin:40px 0 20px;padding:0;font-size:13px;line-height:1.3em;text-align:center}
.post h2 a{color:#777; text-decoration:none;font-weight:700;text-transform:capitalize;}
.post h2 a:hover{color:#0FD2AD}
.post h2 a:after {content: &#39;&#39;;position: absolute;left: 0;bottom: 0;height: 30px;width: 335px;background: transparent url(&#39;http://3.bp.blogspot.com/-_QH3WZzNgqM/VUnOfMy704I/AAAAAAAAANo/EBsO6HwtsT8/s320/widget-footer-titles.png&#39;) no-repeat center center;}
h3.date-header, .postmeta {display:none}
.snippet-wrapper img {margin:10px auto 0}
.mobile-no-img:before {content: &quot;&quot;; display: block;position: absolute;top: 0;left: 0;height: 100%;width: 244px;background: url(http://3.bp.blogspot.com/-sThsKxmyebw/U3tihyOQATI/AAAAAAAAAEc/xpsTljLYOWc/s1600/zoom-bg.png) no-repeat scroll center center #222; opacity: 0;visibility: hidden;transition: all 0.25s ease-in-out 0s;}
.mobile-no-img:hover:before {visibility: visible; opacity: 0.8;}
.mobile-no-img {display: block; position: relative;max-width: 240px;margin-left: 38px;}
.mobile-no-img img {box-shadow: 0 0 0 #000;}
.mobile-no-img img {width: 244px;}
a.mobile-no-img:after {position: absolute;content: &quot;&quot;;width: 100%;height: 100%;display: block;background-image: url(https://lh6.googleusercontent.com/-1uZhY_hESas/UCZt-B9f6BI/AAAAAAAADL0/GyOBvm0C5io/s250/overlay.png);top: 0;background-position: 100% 0;background-repeat: no-repeat;left: 12px;}
#main {background: #fff;margin-right: 6px;margin-top: 10px;border: 1Px solid #EDEDED;border-top: 3px solid #0FD2AD;}

/* CSS Page Navigation */
#blog-pager {margin-top: 60px;clear: both;}
#blog-pager a {  float: right;text-decoration: none;color: #FFFFFF;padding: 10px 20px;border-radius: 2px;background: #0FD2AD;font-family: cursive,droid arabic kufi;font-size: 11px;margin-bottom: 10px;text-shadow: 0 -1px 0 rgba(66, 65, 65, 0.07);}
#blog-pager a:hover {  opacity: 95;}
#blog-pager span {float: right;margin-right: 5px;}
#blog-pager .home-link {margin-right: 5px;width: 2px;text-indent: -900px;overflow: hidden;background:#525454 url(http://2.bp.blogspot.com/-V010RNJ1w7o/Uf4IkFNd8jI/AAAAAAAACT0/FVlDU-tA18w/s1600/icon_home.png) no-repeat center;}
#blog-pager .home-link:hover {background:#0FD2AD url(http://2.bp.blogspot.com/-V010RNJ1w7o/Uf4IkFNd8jI/AAAAAAAACT0/FVlDU-tA18w/s1600/icon_home.png) no-repeat center;}#blog-pager a:hover {background: #525454;}
</style>
</b:if>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
#tagpost-wrapper6{display:none!important}
#main{  margin-bottom: 10px;border: 1Px solid #EDEDED;background: #fff;margin-right: 6px;margin-top: 10px;}
.post-title{font-family: Electrolize,droid arabic kufi;font-size: 14px;color: #898888;padding: 10px 0px 4px;font-weight: 700;border-bottom: solid 1px #EDEDED;position: relative;text-align: center;}
.post-title:after {content: &quot; &quot;;width: 159px;height: 0px;position: absolute;bottom: -1px;border-bottom: 1px solid #0FD2AD;left: 0;}.post-title:before {
content: &quot; &quot;;width: 159px;height: 0px;position: absolute;bottom: -1px; border-bottom: 1px solid #0FD2AD;right: 0;}
.post-title:hover {border-bottom: 1px solid #0FD2AD;}
.post{margin:9px;text-align: right;}
.post-body{outline:1px solid #EAEAEA;line-height:20px;padding:10px;background: #fff;font-family: cursive,&#39;Droid Arabic Naskh&#39;;}
.post-body img{width: auto;  max-width: 95%;margin: 0 auto;display: block;  border: 1px solid #EDEDED;background: linear-gradient(to bottom,#fefefe 0%,#FAFAFA 100%);padding: 5px;transition: 0.2s all ease-in-out;}
.post-body img:hover {opacity: 0.9;}
.meta-ar1web {margin: 10px auto;background: #FAFAFA;padding: 10px;color: #0FD2AD;border: 1px solid #F2F2F2;text-align: right;font-family: cursive,droid arabic kufi;}
#views-container {margin-left: 20px;float: right;position: relative;color: #0FD2AD;}
.mbtloading {background: url(//ar1web-com.googlecode.com/svn/trunk/loadinghm.gif) no-repeat left center;width: 16px;height: 16px;}
.views-text {position: relative;left: 6px;}
span#postviews {float: left;left: -10px;color: #4F4C4C;position: relative; margin-top: -12px; right: 0;}


.halaman{padding:5px 0 15px;background:#fff;border:1px solid #eee;border-left: none;border-right: none;}
.halaman-kiri{width:50%;float:right;margin:0;text-align:right;color:#0FD2AD;transition:all .3s ease-out;}
.halaman-kanan{width:50%;float:left;margin:0;text-align:left;color:#0FD2AD;transition:all .3s ease-out}
.halaman-kanan:hover .pager-title-right,.halaman-kiri:hover .pager-title-right{color:#999!important;}
.halaman-kiri a,.halaman-kanan a{color:#999;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color: #0FD2AD!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageright,.current-pageleft{font-size:11px;background:none;text-decoration:none}
.current-pageright{padding:0 0 0 15px;}
.current-pageleft{padding:0 15px 0 0;}
.pager-title-left{font-family:Electrolize,ge_ss_threeregular ;font-size:14px;font-weight:300;transition:all .3s ease-in-out}
.isihalaman-kiri{  margin: 3px 4px 0;border-left: 1px solid #F0F0F0;padding: 5px;}
.isihalaman-kanan{margin:5px 10px 10px; padding: 4px;}
#blog-pager-newer-link{float:right}
#blog-pager-older-link{float:left}
.blog-pager,#blog-pager{clear:both;text-align:center;margin:0;}
.feed-links{clear:both;line-height:2.5em}


/* CSS Related Posts Ar1web */
#at-picture{padding:12px;margin:35px 0 0;border:1px solid #F4F4F4;overflow:hidden}
#at-picture h2{  font-weight: 700;font-size: 13px;color: #FFFFFF;background: #0FD2AD;display: inline-block;padding: 5px;margin-top: -36px;position: absolute;margin-left: -130px;}
#at-picture a{background:#FFFFFF;font-family:Electrolize,ge_dinar_oneregular;color:#716F6F;overflow:hidden;text-align:center;font-size:12px;font-weight:400;border:1px solid #EAEAEA;text-decoration:none;margin:0 13px 5px 0;padding:6px;float:right}
#at-picture a img{width:100px;height:98px;-webkit-filter: brightness(0.9);transition: 0.2s all ease-in-out;}
#at-picture a img:hover {-webkit-filter: brightness(1);}
.box-related{width:100px;padding-left:3px;height:50px;border:0 none;margin:0 0 5px;padding:0;line-height:normal;font-stretch:normal}
#at-picture a:nth-child(1):hover{box-shadow:0 -3px 0 #E50700 inset}#at-picture a:nth-child(2):hover{box-shadow:0 -3px 0 #0084C5 inset}#at-picture a:nth-child(3):hover{box-shadow:0 -3px 0 #6CAC00 inset}#at-picture a:nth-child(4):hover{box-shadow:0 -3px 0 #00C3B7 inset}#at-picture a:nth-child(5):hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:nth-child(1):hover,#at-picture a:nth-child(2):hover,#at-picture a:nth-child(3):hover,#at-picture a:nth-child(4):hover,#at-picture a:nth-child(5):hover,#at-picture a:hover{background:#fff}#at-picture img{width:100%;margin:0;padding:0}#posting{width:auto!important;max-width:100%;margin:15px 20px 15px 0}


/* Social Share */
.sharepost{  text-align: center;padding: 10px 0 10px;border: 1px solid #EAEAEA;text-shadow: 0 -1px 0 rgba(66, 65, 65, 0.3);border-top: none;width: 100%;margin-left: -1px;}.sharepost li{width:13%;padding:0;list-style:none;float:right;margin-right:1.2%}
.sharepost li a{padding:5px 0;background-color:#aaa;color:#fff;display:block;border-radius:2px;font-size:12px;}
.sharepost li a:hover{opacity:1;color:#fff}
.sharepost li .twitter:hover{background-color:#55acee}
.sharepost li .facebook:hover{background-color:#3b5998}
.sharepost li .gplus:hover{background-color:#dd4b39}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px;text-shadow:2px 2px rgba(0,0,0,0.1)}
#ar1web-like {margin-left: 160px;}
span.share-ar1web {border-left: 1px dashed #D5D5D5;color: #6d6d6d;float: right;text-shadow: none;font-size: 14px;padding: 13px;margin-top: -8px;}span.share-ar1web:before {content: &#39;\f1e0 &#39;;font-family: &#39;FontAwesome&#39;;color: #0FD2AD;float: right;margin-left: 5px;}

/* CSS Comments */
.comment_form a {display: none!important;}
#comments{font-family: cursive, &#39;Droid Arabic Naskh&#39;;}
.comment_admin .comment_author_flag {display: inline-block;font-family: cursive;font-size: 9px;color: #FFF;text-align: center;line-height: normal;background: #0FD2AD;padding: 4px;border-radius: 2px;margin-left: 88%;}.comment_emo_list .item{}.comment_emo_list span{}.comment_author_flag {display: none;}
#comments h5 {font-size:145%;font-weight:normal;right:0;background:#FAFAFA;color:#6C6767;padding:28px 20px 28px 25px;margin-bottom:15px;margin-top:0px;text-align: right;border-bottom: 1Px solid #F0F0F0;}
.comment_inner{background:#fff;margin:5px 0;padding:5px;overflow:hidden;border-bottom:1px dashed #ECEAEA}
div.comment_inner.comment_admin {background:#fff;}
.comment_header{float:right;width:67px}
.cm_head{position:relative;background:#fff;margin:-10px -10px 0;padding:5px 10px 0px;}.comment_avatar{border-radius:100px;margin:0;padding:5px 5px 0;}.comment_avatar img{border-radius:100px;width:48px;height:48px;padding:0;text-align:center;margin:0;background:#fcfcfc url(http://1.bp.blogspot.com/-G0zAVt0juzo/U2zUS3UWlWI/AAAAAAAAAdE/EeaudQNy4Is/s1600/anonymous.jpg) no-repeat}div.comment_avatar img[src=&quot;http://img1.blogblog.com/img/openid16-rounded.gif&quot;]{content:url(http://1.bp.blogspot.com/-G0zAVt0juzo/U2zUS3UWlWI/AAAAAAAAAdE/EeaudQNy4Is/s1600/anonymous.jpg)}.comment_name,.comment_name a{padding:0;margin:0 0 0px 0;font-weight:bold;color: #0FD2AD;text-align: right;}.comment_service{margin-top:0}.comment_date{margin:0;color:#8E8D8D;font-size:11px;float: left;  font-weight: 600;}.respond{float:left;margin:0;padding:0}.comment_date:hover{color:#bbb;text-decoration:underline}.comment_body{background:#fff;margin-right:72px;padding:10px;}.comment_body p{line-height:2em;margin:0px 0 5px;color:#777373;padding:0;text-align: right;}.comment_child .comment_wrap{padding-right:78px}.comment-delete{  position: absolute;float: left;top: 5px;left: 70px;margin: 0;padding: 0;}.infonm{float:right}.comment_reply{  width: 30px;display: inline-block;font-weight: 300;margin: 0px 0 0;padding: 2px 1px 5px;color: #5B5E5C!important;text-align: center;text-decoration: none!important;border: 1px solid #F5F4F4;font-family: cursive;}.comment_reply:hover{text-decoration: underline;background:#fff}.comment_hapus{font-weight:300;margin:0;padding:0;color:#fff!important;text-decoration:none;}.comment_hapus:hover{text-decoration:none;color:#000!important}.unneeded-paging-control{display:none}.comment-form{max-width:100%!important}#comment-editor{width:100%!important;background:#fff url(&#39;&#39;) no-repeat 50% 40%;margin-bottom:0;margin-top:5px}.comment_form a{text-decoration:none;font-weight:bold;font-size:14px}.comment-form p{  background: #0FD2AD;padding: 10px;margin: 0px 0 0px 0;color: #FFF;font-size: 13px;position: relative;text-align: center;line-height: 1.8em;}.comment-form p:before {position: absolute;top: 100%;left: 50%;content: &quot;&quot;;border: 7px solid;border-color: #0FD2AD transparent transparent;}.comment_reply_form{padding:0 0 0 0}.comment_reply_form .commentform{width:100%}iframe{border:none;overflow:hidden}.deletedcomment{background:#e74c3c;color:#fff;padding:20px;margin:5px0;display:block}iframe{border:none;overflow:hidden}
</style>
</b:if>
